<!--
  1. 封装的公共btn组件
  2. 接收的参数
  3. 单位 rem
    radius: String,
    width: String,
    height: String,
    bg: String,
    col: String,
    font: String
  4.示例 ： <Btn width="5.135135rem" height="1.108108rem" radius="0.486486rem" bg="#7BA6D1" col="#fff" font="0.405405rem" @click="logout">退出</Btn>
  5. 需要事件 直接 @click 绑定就可以
-->

<template>
  <button
    class="btn-group"
    :style="`border-radius:${radius};width:${width};height:${height};background:${bg};color:${col};font-size:${font}`"
    @click="$emit('click')"
  >
    <slot></slot>
  </button>
</template>

<script>
export default {
  name: "btn",
  props: {
    radius: String,
    width: String,
    height: String,
    bg: String,
    col: String,
    font: String
  }
};
</script>
<style lang="stylus" scoped>
.btn-group
  border 0
  outline none
  background transparent
</style>
